<template>
  <!-- 测试发布 -->
  <div class="fb-container">
    <el-form label-width="120px">
      <el-row>
        <el-col :span="8" :offset="4">
          <el-form-item label="能力服务名称：">
            <span>{{ csfbInfo.serviceName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8" :offset="4">
          <el-form-item label="请求方式：">
            <span>{{ zhpzInfo.httpRequestMethod }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8" :offset="4">
          <el-form-item label="能力服务编码：">
            <span>{{ csfbInfo.serviceCode }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8" :offset="4">
          <el-form-item label="服务URL：">
            <span>{{ csfbInfo.mockUrl }}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import {serviceStore} from '@slc/store/service';
import {mapActions, mapState} from 'pinia';

// import { mapActions, mapState } from "vuex";
export default {
  name: "step-csfb",
  computed: {
    ...mapState(serviceStore, [
      "zhpzInfo",
      "csfbInfo",
      "csfbTableData",
      "serviceVerId",
      "keyTypeList",
    ]),
  },
  activated() {
    this.serviceVerId && this.getCsfbInfo({ serviceVerId: this.serviceVerId });
  },
  mounted(){
      this.serviceVerId && this.getCsfbInfo({ serviceVerId: this.serviceVerId });

  },
  methods: {
    ...mapActions(serviceStore, ["getCsfbInfo"]),
  },
};
</script>

<style lang="scss" scoped>
.fb-container {
  width: 100%;
  padding: 16px;
}
</style>
